<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table id="table"></table>

<script src="/assets/izimodal/js/jquery-2.2.4.js"></script>
<script src="/assets/dataTable/jquery.dataTable.js"></script>
<script>
    $(function(){
        $("#table").dataTable({
            debug: true,
            check: true,
            pageCapacity:15,
            loading:false,
            oddEven:true,
            url: "/sys/member/queryList",
            style: {"font-size": "12px", "width": "800px"},
            align:"center",
            ButtonStyle:{fontColor:"#ffffff",backgroundColor:"#10AA9C"},
            columns: [
                {ColumnName: "memberId", title: "ID", width: 30},
                {ColumnName: "deptName", img:true, title: "图片", width: 40},//设置img:true,后台数据反回url这一列就生成图片显示
                {ColumnName: "username", title: "视频名", width: 500},
                {title: "查看", button: "show", buttonName: "查看", width: 50},
                {title: "编辑", button: "edit", buttonName: "编辑", width: 50},
                {title: "删除", button: "del", buttonName: "删除", width: 50}
            ],
            Click: function (row) {
                alert("单击："+row.id);
            },
            doubleClick: function (row) {
                alert("双击："+row.id);
            }
            ,
            editClick: function (row) {
                alert("自定义编辑："+row.id);
            }
            ,
            delClick: function (row) {
                alert("自定义删除："+row.id);
            },
            showClick: function (row) {
                alert("自定义查看："+row.name);
            }
        });
    })
</script>
</body>
</html>